<template>
	<view class="padding">
		<view class="margin-top" v-for="(item,index) in dateTimeList">
			<view class="flex ">
				<view style="border: 1rpx solid #4063FE;overflow: hidden;" class="flex radius-xs">
					<view class="padding-xs">
						{{index+1}}
					</view>
					<view style="background-color: #4063FE;" class="text-white align-center padding-lr ">
						{{item.title}}
					</view>
				</view>
			</view>
			<view class="text-gray text-sm margin-top">
				<rich-text :nodes="item.content"></rich-text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		content2
	} from '../../common/path.js'
	export default {
		data() {
			return {
				dateTimeList: []
			}
		},
		onLoad() {
			this.content2()
		},
		methods: {
			// 日期与时间
			content2() {
				this.$axios.axios('POST', content2, {})
					.then(res => {
						console.log('距离', res.data)
						this.dateTimeList.push(res.data)
					})
					.catch(err => {
						console.log(err)
					})
			}
		}
	}
</script>

<style>
	page {
		background-color: #FFFFFF;
	}
</style>
